module.exports = {
  content: ["./src/**/*.html", "./src/**/*.vue", "./src/**/*.jsx"],
  darkMode: 'media', //false or 'media' or 'class'
  theme: {
    borderRadius: {
      DEFAULT: "4px",
      8: "8px",
      10: "10px",
      12: "12px",
    },
    boxShadow: {
      DEFAULT: "0px 6px 12px 0px rgba(187, 200, 225, 0.32)",
    },
    lineHeight: {
      1: "1",
      24: "24px",
    },
    letterSpacing: {
      20: "20px",
    },
    spacing: {
      0: "0px",
      1: "1px",
      2: "2px",
      5: "5px",
      10: "10px",
      12: "12px",
      13: "13px",
      15: "15px",
      20: "20px",
      25: "25px",
      30: "30px",
      35: "35px",
      40: "40px",
      48: "48px",
      50: "50px",
      60: "60px",
      70: "70px",
      80: "80px",
      90: "90px",
      100: "100px",
      130: "130px",
      150: "150px",
      160: "160px",
      200: "200px",
      220: "220px",
      280: "280px",
      300: "300px",
      400: "400px",
    },
    extend: {
      fontSize: {
        12: "12px",
        13: "13px",
        14: "14px",
        15: "15px",
        16: "16px",
        17: "17px",
        18: "18px",
        20: "20px",
        21: "21px",
        24: "24px",
        28: "28px",
        29: "29px",
        30: "30px",
        36: "36px",
        40: "40px",
        120: ["120px", "1"],
      },
      colors: {
        primary: {
          DEFAULT: "#1A2A47",
        },
        dark: {
          DEFAULT: "#1A2A47",
          100: "#4B5972",
        },
        black: {
          100: "rgba(0,0,0,.1)",
          200: "rgba(0,0,0,.2)",
          300: "rgba(0,0,0,.3)",
          400: "rgba(0,0,0,.4)",
          500: "rgba(0,0,0,.5)",
          600: "rgba(0,0,0,.6)",
          700: "rgba(0,0,0,.7)",
        },
        bg: "#F5F7FC",
        line: "#DEE0E5",
        active: "#3785F5",
        invalid: "#C3CADA",
        link: "#4D85ED",
        important: "#FF5354",
        lightGray: "#FBFCFE",
        green: "#53CC71",
        red: "#DD0000",
        blue: "#4D85ED",
        blue_85: "rgba(77, 133, 237, .85)",
        gray_85: "rgba(75, 89, 114, .85)",
      },
      borderColor: {
        primary: {
          DEFAULT: "#efeff0",
        },
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
};
